<template>
	<div class="box">
		<div class="wrap-box">
            <div class="connect-box">
            	<img src="../../assets/images/choujiang/lottery-error-tip.png"/>
            	<p class="middle-text">活动太火爆啦~</p>
            	<p class="middle-text">休息一下再来哦</p>
            	<div class="btn" @click="closeLotteryAll">我知道了</div>
            	<p class="bottom-text">中奖情况可“返回直播首页-我的-我的</p>
            	<p class="bottom-text">奖品礼券”中查看</p>
            </div>
			<div class="close" @click="closeLotteryAll"></div>
		</div>
	</div>
</template>

<script>
	export default {
		props: {

		},
		data() {
			return {

			}
		},
		created() {

		},
		methods: {
          closeLotteryAll(){
          	this.$emit('formChildMsg', {
					type: 'closeTurntable',
					data: 'ruan'
				})
          }
		}
	}
</script>

<style scoped="scoped">
	.bottom-text{
		color: #FFCEAF;
		font-weight: 500;
		font-size: 24px;
		margin-bottom: 10px;
	}
	.middle-text{
		color: white;
		font-size:34px;
		line-height: 40px;
		margin-bottom: 15px;
	}
	.connect-box img{
		width: 440px;
		height: 280px;
		margin-bottom: 15px;
	}
	.btn{
		width: 343px;
		height: 96px;
		background: linear-gradient(0deg, #FFCCAC, #FEE3D2);
		line-height: 96px;
		text-align: center;
		color: #965636;
		font-weight: 500;
		font-size: 38px;
		border-radius: 48px;
		margin: 36px  0  28px 0;
	}
	.wrap-box {
		width: 100vw;
		height: 900px;
		/*background: salmon;*/
		position: relative;
	}
	
	.box {
		width: 100vw;
		height: 100vh;
		/*background: sandybrown;*/
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1211;
	}
	
	.connect-box {
		width: 487px;
		height: 680px;
		background: linear-gradient(-45deg, #F84848 0%, #FF7878 100%);
		border: 2px solid #FED8C0;
		border-radius: 15px;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	.close {
		width: 63px;
		height: 63px;
		background: url(../../assets/images/choujiang/cj-close.png) no-repeat;
		background-size: 63px 63px;
		/*margin: 100px auto 0;*/
		position: absolute;
		bottom: 10px;
		left: 346px;
	}
</style>